.tab-content-zhaiduting{
  border:1px solid #ddd;
  border-top-width:0;
  border-radius:0 0 50px 4px;
  padding:15px;
}
.payment
  display: inline-block
  text-align:center
.icon /* iconfont */
  width: 1em;
  height: 1em;
  vertical-align: 0;
  fill: currentColor;
  overflow: hidden;
  &:hover
    transform: scale(1.4);
    transition-duration: 0.5s;
  &.zhifubao
    font-size:50px;
    vertical-align:-14px
  &.weixin
    font-size:32px;
    vertical-align:-5px

html, body
  height:100%
  #app
    height: 100%
    display:flex
    flex-flow:column
    .navbar
      flex-shrink:0
    .content
      flex:1
    .footer
      background-color:lightgray
      .container>p
        margin:15px 0

.products-list
  padding:15px
  .product-item
    padding:5px
    .product-content
      border:1px solid #ddd
      padding:5px
      .top
        .img img
            width:100%
        .price
          color:#ff0036
          font-size:20px
          &>b
            font-size:10px
        .title
          height:32px
      .bottom
        .sold_count>span
          color:#b57c5b
        .review_count>span
          color:#38b

.product-info
  line-height:2.5em
  label
    padding-left:10px
    padding-right:10px
    font-size:12px
  .cover img
    width: 100%
  .price
    background-color:#dddddd
    color:red
    label
      color:gray
    em
      font-size:0.9em
    span
      font-size:1.8em
  .sales_and_reviews
    span
      color:red
      padding-left:5px
  .skus
    .btn-group
      label+label:before
          content:''
      .active
        color:red
  .cart_amount
    input
      width:50px
      display:inline
  .buttons
    padding:20px 0 0 47px
  .product-detail
    margin:20px 0
    .tab-content
      border-top-width:0
      border-radius:0px 0px 40px 4px
      padding:15px


.orders-index-page, .orders-show-page
  .order
    text-align:center
  .order.table.table-bordered
    border-collapse:separate
    border-radius: 10px 10px 0 0
    thead>tr>td
      border-radius: 10px 10px 0 0
      border-bottom-width:1px
    thead>tr>th
      border-bottom-width:1px
      text-align:center
      vertical-align:middle
  .btn-detail
    white-space:normal
  .product-info
    text-align: left
    .product-title
      display:block
    .sku-title
      display:block
      color:#9e9e9e
    div
      float:left
      padding:0
      &:last-child
        margin-left:8px
    img
      max-width:80px
      max-height:80px
  .total_amount
    color: #dd5f1f
    em
      color: #dd8121
  .order-msg
    padding-left:20px;

